I have published a new version with "navMenu" and other details and
features.
http://www.oocss.marcric.com/public/
It is almost all working, but I think I'm not doing it optimized, and
there are a few positioning problems when using Safari, Chrome and
Opera Browsers.
Can anyone help?
<nav id="ListOfContents" class="horisontal cascaded menu"> <!-- also
class can be changed by "vertical cascaded menu", "vertical menu" or
"horisontal menu", where last 2 options slide menus like in oocss
"tab" and moving down item and showing submenu in "vertical menu" -->
<header><h2>Contents</h2></header>
<ul>
<li><a href="#">Item 1</a></li>
<li>
<a href="#">Item 2</a>
<ul>
<li><a href="#">Item 2-1</a></li>
<li><a href="#">Item 2-2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
</ul>
</nav>
.horisontal .menu
Contents
Item 1 Item 2 Item 3
Item 2-1 Item 2-2
.horisontal .cascaded .menu
Contents
Item 1 Item 2 Item 3
Item 2-1
Item 2-2
.vertical .menu
Contents
Item 1
Item 2
Item 2-1
Item 2-2
Item 3
.vertical .cascaded .menu
Contents
Item 1
Item 2 Item 2-1
Item 3 Item 2-2
In style i use "ul li > ul" and "li:hover ul, .current ul "
selectors...
Write me - A.Jansons at google mail
Thanks for your interest, I'm still learning XHTML, but will take a
look in HTML 5 soon.
My name is Marcos Ricardo, so my nick becomes MarcRic.
Regards.